<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/axios.min.js"></script>
    <script src="../js/vue.js"></script>
</head>
<body>
<div id="app">
<!--    使用组件-->
    <login></login>
    <register></register>

</div>
</body>

<script>
    //开发全局组件
    //参数1:组件名称 参数 2:指定组件内容配置对象
    Vue.component('login',{
        template:"<div><h3>用户主页</h3><button>+</button></div>", //代表模板 用来书写该组件中的html代码  一个template属性必须存在一个根容器,有且只有一个根容器
    });

    Vue.component('register',{
        template: "<div><h3>注册组件</h3></div>"
    })


    const app = new Vue({
        el: "#app",   //element:元素
        data: {        //data:数据 用来vue实例对象绑定一系列数据
            msg: "通用模板",
        },
        methods:{

        },
        computed:{

        }
    });
</script>
</html>
